<template>
    <div>
        <p>我是one组件,我是父传子的数据{{ name }}</p>
        <button @click="sendTOP">子传父</button>
        <button @click="sendTOB">兄弟通信</button>
    </div>
</template>

<script  setup>
import emitter from "../../utils/bus"
// import { defineProps } from 'vue'
// defineProps:宏命令，不需要引入也能直接示意
import { defineEmits } from "vue"
const emits = defineEmits(['channel'])//通过defineEmits方法接受父组件传递的事件
// console.log(emits)//function
// console.log(emitter)//{all,emit,on,off}

// --------------------父传子------------------------------
// defineProps({
//     name: {
//         type: String,
//         default:"张三"
//     }
// })
const props = defineProps(['name'])
console.log(props)//测试查看打印可以截取下

// --------------------子传父------------------------------

function sendTOP() {
    emits('channel', '我是你的孩子')
}
// -------------------兄弟传值------------------------------
function sendTOB() {
    emitter.emit('TB', '我是你的兄弟one组件')
}


</script>

<style scoped></style>